@import './common';

.lists{
	margin-top: setSize(24);
	// background-color:#fff;

	.list-item+.list-item{
		.cont-box{
			border-top:setSize(1) solid #131213;
		}
	}

	.list-item{
		box-sizing:border-box;
		padding: 0 setSize(24) setSize(24);
		// color: #393939;
		font-size: setSize(28);

		.avat-box{
			box-sizing:border-box;
			padding-right: setSize(24);

			.avat{
				display: block;
				width: setSize(80);
				height: setSize(80);
				border-radius: 50%;
			}
		}

		.cont-box{
			box-sizing:border-box;
			padding:setSize(24) 0 0;
			@include ellipsis;

			.text-box{
				box-sizing:border-box;
				padding-right:setSize(20);
				@include ellipsis;

				.name{
					font-size:setSize(30);
					font-weight:400;
					// color:rgba(51,51,51,1);
					@include ellipsis;
				}

				.time{
					margin-top: setSize(6);
					margin-bottom: setSize(10);
					font-size: setSize(22);
					color: #BBB;
				}
			}

			.img-box{

				.img{
					display: block;
					width: 100%;
					height: setSize(312);
					border-radius:setSize(10);
				}
			}
		}
	}
}